html,
body {
  display: flex;
  flex-direction: column;
}
.run {
  width: 100%;
}
.part-main {
  width: 100%;
  flex: 1;
  overflow-y: scroll;
  background: url(../fitness-imgs/huo-img8.webp) no-repeat center / cover;
  box-sizing: border-box;
  padding: 15px 15px 80px;

  .main-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);

    .newpart {
      a {
        color: #101010;
      }
      .newpart-video {
        height: 194px;
        width: 100%;
        background-color: #ccc;
        border-radius: 15px 15px 0 0;

        img {
          width: 100%;
          height: 100%;
          border-radius: 15px 15px 0 0;
        }
      }

      .newpart-title {
        width: 100%;
        // height: 60px;
        box-sizing: border-box;
        padding: 5px 16px;
        background-color: #fff;
        border-radius: 0 0 15px 15px;
      }
    }

    .an-part {
      .anpart-list {
        a {
          color: #101010;
        }

        li {
          height: 140px;
          width: 100%;
          border-radius: 15px;
          background-color: #ccc;
          margin-bottom: 15px;
          overflow: hidden;
          position: relative;

          img {
            width: 100%;
            height: 100%;
          }

          div {
            background-color: rgba(255, 255, 255, 0.7);
            padding: 10px 22px;
            position: absolute;
            left: 0px;
            bottom: 0px;
          }
        }
      }
    }
  }
}
